<template>
     <Tab-bar>
      <tabbaritem path='/home'  isActive= 'blue'>
        <img slot="item-icon" src="../../assets/img/tabbar/首页.png" alt="" />
        <img slot="item-icon-active" src="../../assets/img/tabbar/首页2.png" alt="" />
        <div slot="item-text">首页</div>
      </tabbaritem>
      <tabbaritem path='/category'>
        <img slot="item-icon" src="../../assets/img/tabbar/类目 品类 分类 类别.png" alt="" />
        <img slot="item-icon-active" src="../../assets/img/tabbar/类目 品类 分类 类别2.png" alt="" />
        <div slot="item-text">分类</div>
      </tabbaritem>
      <tabbaritem path='/car'>
        <img slot="item-icon" src="../../assets/img/tabbar/购物车空.png" alt="" />
        <img slot="item-icon-active" src="../../assets/img/tabbar/购物车空2.png" alt="" />
        <div slot="item-text">购物车</div>
      </tabbaritem>
      <tabbaritem path='/profile'>
        <img slot="item-icon" src="../../assets/img/tabbar/我的.png" alt="" />
        <img slot="item-icon-active" src="../../assets/img/tabbar/我的2.png" alt="" />
        <div slot="item-text">我的</div>
      </tabbaritem>
    </Tab-bar>
</template>
<script>
import TabBar from "../common/tabbar/TabBar";
import tabbaritem from "../common/tabbar/tabbaritem";
export default {
    name:'mainTabbar',
    components:{
        TabBar,
        tabbaritem
    }
}
</script>
<style scoped>

</style>